const titleConfig = {
    'ql-bold': '加粗',
    'ql-color': '字体颜色',
    'ql-font': '字体',
    'ql-code': '插入代码',
    'ql-italic': '斜体',
    'ql-link': '添加链接',
    'ql-background': '背景颜色',
    'ql-size': '字体大小',
    'ql-strike': '删除线',
    'ql-script': '上标/下标',
    'ql-underline': '下划线',
    'ql-blockquote': '引用',
    'ql-header': '标题',
    'ql-indent': '缩进',
    'ql-list': '列表',
    'ql-align': '文本对齐',
    'ql-direction': '文本方向',
    'ql-code-block': '代码块',
    'ql-formula': '公式',
    'ql-image': '图片',
    'ql-video': '视频',
    'ql-clean': '清除字体样式'
}

export function addQuillTitle () {
    const oToolBar = document.querySelector('.ql-toolbar'),
        aButton = oToolBar.querySelectorAll('button'),
        aSelect = oToolBar.querySelectorAll('select')

    aButton.forEach(item => {
        if (item.className === 'ql-script') {
            item.title = item.value === 'sub' ? '下标' : '上标'
        } else if (item.className === 'ql-indent') {
            item.title = item.value === '+1' ? '向右缩进' : '向左缩进'
        } else if(item.className === 'ql-list') {
            item.title = item.value === 'ordered' ? '有序列表' : '无序列表'
        } else {
            item.title = titleConfig[item.classList[0]]
        }
    })
    aSelect.forEach(item => {
        if (item.className === 'ql-color') {
            const color = item.parentNode.querySelector('.ql-color')
            color.title = titleConfig[item.classList[0]]
        } else if (item.className === 'ql-background') {
            const background = item.parentNode.querySelector('.ql-background')
            background.title = titleConfig[item.classList[0]]
        } else {
            item.parentNode.title = titleConfig[item.classList[0]]
        }
    })
}